<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pm="http://primefaces.org/mobile"
	xmlns:pt="http://xmlns.jcp.org/jsf/passthrough">

<h:head>
	<title>Buscar receta</title>
</h:head>
<h:body>


<p:panel header="Buscar receta">
<h:form>
<h:form> 
    <p:dataScroller id="lista_recetas" value="#{buscadorView.lista}" var="var" chunkSize="10" >
        <f:facet name="header">
            Listado Recetas
        </f:facet>
        
               
        <h:panelGrid columns="2" style="width:100%" columnClasses="logo,detail">
       
          <p:outputPanel>
                <h:panelGrid columns="2" cellpadding="5">
                 
                    <h:outputText value="Id:" />
                    <h:outputText value="#{var.nombreReceta}" style="font-weight: bold"/>
         
                    <h:outputText value="Color:" />
                    <h:outputText value="#{var.origen}" style="font-weight: bold"/>
                </h:panelGrid>
                
                <p:separator />
               
            </p:outputPanel>
            
           </h:panelGrid>
            
      
         
    </p:dataScroller>
</h:form>


</h:form>
</p:panel>

</h:body>
</html>